@charset "utf-8";
/*mobansu.com*/
.mbtitle {
  background: #f9f9f9;
  padding: 2%;
  text-align: center;
}
.mbtitle h1 {
  font-size: 2.4rem;
  color: #333;
}
.mbtitle ul {
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  color: #666;
  justify-content: center
}
.mbtitle li {
  padding: 0 1%
}
.mbtitle h2 {
  display: inline;
  font-size: 1.4rem;
}
.biaoqian {
  background: #fff
}
.biaoqian ul {
  padding: 2%
}
.biaoqian li {
  width: 19%;
  margin: 0.5%;
  text-align: center;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  background: #f3f3f3;
}
.biaoqian h3 {
  font-weight: normal
}
.biaoqian .f1 a {
  color: #970E10
}
.biaoqian .f2 a {
  color: #27C439
}
.biaoqian .f3 a {
  color: #AB0A69
}
.biaoqian .f4 a {
  color: #B77312
}
.biaoqian .f5 a {
  color: #BD08A6
}
.biaoqian .f6 a {
  color: #608B0B
}
.biaoqian .f7 a {
  color: #526A07
}
.biaoqian .f8 a {
  color: #F90B0F
}
.biaoqian .f9 a {
  color: #F46606
}
.biaoqian .f10 a {
  color: #A1B007
}
@media(max-width:750px) {
  .biaoqian li {
    width: 32.33%;
    margin: 0.5%;
  }
}
.showbox {
  background: #fff;
  text-align: left
}
.showbox img {
  width: auto;
  display: block;
  margin: 0 auto;
}
.nrong {
  padding: 2% 3%;
  line-height: 22px;
  word-break: break-all;
}
.pages p {
  padding: 15px;
  line-height: 20px;
  border-radius: 10px;
  background: #f5f5f5;
  color: #666;
  margin: 2%;
}
.nrong h2 {
  font-size: 1.8rem;
  color: #F53D09;
  padding: 8px 0
}
.nrong h3 {
  font-size: 1.6rem;
  font-weight: normal
}
.gupiao .title {
  border-left: solid 5px #04B4A6;
  padding-left: 5px;
  margin: 10px 6px;
  color: #222;
  font-size: 2rem;
}
.gupiao {
  margin-top: 10px;
}
.gupiao ul {
  padding: 2%;
  background: #fff;
}
.gupiao li {
  margin: 1% 2%;
  padding: 8px 0;
  border-bottom: solid 1px #eee;
  clear: both;
  overflow: hidden;
}
.gupiao li i {
  display: block;
  max-height: 130px;
  overflow: hidden;
  width: 20%;
  float: left;
  margin-right: 2%;
}
.gupiao li h2 {
  line-height: 30px;
  margin-top: 5px;
  max-height: 30px;
  overflow: hidden;
  font-size: 1.6rem;
  color: #333;
}
.gupiao li p {
  line-height: 20px;
  max-height: 60px;
  overflow: hidden;
  color: #737272
}
.gupiao li dl {
  padding-top: 10px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  font-weight: normal;
  color: #666
}
.gupiao li dt {
  flex: 1.9
}
.gupiao li dd {
  flex: 1;
  text-align: right
}
.gupiao li h1 {
  display: inline;
  font-size: 1.4rem;
  padding-left: 2%;
  color: #BC070A
}
.gupiao li span {
display: block;
line-height: 30px;
height: 30px;
padding: 0 4px;
font-size: 1.3rem;
text-align: center;
max-width: 70px;
  background: #A0080B;
  float: right;
  color: #fff;
  border-radius: 5px;
}
@media(max-width:750px) {
  .gupiao li i {
    width: 35%;
  }
}